<template>
  <el-card>
    <h1 class="me-author-name">时光序</h1>
    <div class="me-author-description">
      <span><i class="me-icon-job"></i>基于SpringBoot和Vue开发</span>
    </div>
    <div class="project-version">版本 v1.2.0</div>
    <div class="me-author-tool">
      <a href="https://gitee.com/copydown/time-chapter/tree/dev/"><img src="../../assets/cicon/gitee.png" /></a>
      <a href="https://gitee.com/copydown/time-chapter-vue"><img src="../../assets/cicon/git.png" /></a>
      <!-- <a href="http://1.12.244.138/doc.html"><img src="../../assets/cicon/http.png" /></a> -->
    </div>
  </el-card>

</template>

<script>
</script>

<style scoped>
  .me-author-name {
    text-align: center;
    font-size: 30px;
    border-bottom: 1px solid #5FB878;
  }

  .me-author-description {
    text-align: center;
    padding: 8px 0;
  }

  .me-icon-job {
    padding-left: 16px;
  }

  .me-author-tool {
    text-align: center;
    padding-top: 10px;
  }

  .me-author-tool img {
    cursor: pointer;
    padding: 4px 10px;
    height: 40px;
  }

  .project-version {
    text-align: center;
    color: #5FB878;
  }
</style>
